<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
	<script>
	$(document).ready(function() {

		//get the default top value
			var top_val = $('#menu li a').css('top');

			//animate the selected menu item
			$('#menu li.selected').children('a').stop().animate( {
				top : 0
			}, {
				easing : 'easeOutQuad',
				duration : 500
			});

			$('#menu li').hover(function() {

				//animate the menu item with 0 top value
					$(this).children('a').stop().animate( {
						top : 0
					}, {
						easing : 'easeOutQuad',
						duration : 500
					});
				}, function() {

					//set the position to default
					$(this).children('a').stop().animate( {
						top : top_val
					}, {
						easing : 'easeOutQuad',
						duration : 500
					});

					//always keep the previously selected item in fixed position			
					$('#menu li.selected').children('a').stop().animate( {
						top : 0
					}, {
						easing : 'easeOutQuad',
						duration : 500
					});
				});
			$('#show').click(function() {
				$('#popDiv').show();
				$('#popIframe').show();
				$('#bg').show();

			});
			$('#hide').click(function() {
				$('#popDiv').hide();
				$('#popIframe').hide();
				$('#bg').hide();

			});

		});
</script>
<div id="popDiv" class="mydiv" style="display: none;">
				<form  id="form" name="form" action="LoginServlet" method="post" class="form-horizontal">
					<fieldset>
						<legend>
							登录
						</legend>
						<div class="control-group">
							<label class="control-label" for="input01">
								<span class="ziti">用户名</span>:
							</label>
							<div class="controls">
								<input name="username" type="text" class="input-xlarge"
									id="input01" check-type="required" required-message="用户名不能为空">
								<p class="help-inline error"></p>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01" >
								<span class="ziti">密码:</span>
							</label>
							<div class="controls">
								<input name="password" type="password" class="input-xlarge"
									id="input01" check-type="required" required-message="密码不能为空">
								<p class="help-inline error"></p>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01"></label>
							<div class="controls">
								<button type="submit" class="btn  btn-primary">
									登录
								</button>
								<div class="btn" id="hide">取消</div>
							</div>
						</div>
					</fieldset>
				</form>
			</div>
			<div id="bg" class="bg" style="display: none;"></div>
			<iframe id='popIframe' class='popIframe' frameborder='0'></iframe>
			<div id="header">
				<div id="logo">
				</div>
				<div id="banner"></div>
				<div id="tool">
				</div>
			</div>
			